﻿@import "../_theme";

#employee-mgr{
    height: 100%;
}

#application-list {
    height: 66rem;
    min-height: 66rem;
    overflow: auto;
    width: 100%;

    & > li {
        & > .lv-info {
            &.Pending {
                color: $ClrImportant;
            }

            &.Completed {
                color: $ClrOk;
            }

            &.Aborted {
                color: $ClrErr;
            }
        }

        & img {
            width: 4rem;
            height: 4rem;
            margin: 1rem 0;
            border-radius: 2rem;
            border: 2px solid white;
        }
    }
}


#employee-list {
    height: 66rem;
    min-height: 66rem;
    overflow: auto;
    width:100%;
    & > li {
        & > .lv-info {
            &.Pending {
                color: $ClrImportant;
            }

            &.Completed {
                color: $ClrOk;
            }

            &.Aborted {
                color: $ClrErr;
            }
        }

        & img {
            width: 4rem;
            height: 4rem;
            margin: 1rem 0;
            border-radius: 2rem;
            border: 2px solid white;
        }
    }
}

.lv-empty {
    height: 20rem;
    padding-top: 10rem;
    width: 100%;
    text-align: center;

    & > span {
        display: inline-block;
        height: 96px;
        width: 96px;
        background-image: url('/UI/imgs/icon-tags.png');
        background-repeat: no-repeat;
        background-position: -444px -115px;
    }
}

#employee-view, #application-view {
    width: 40rem;
    padding: 1rem;
    overflow-y:auto;
}

.v-employeeview,.v-applicationview {
    width: 100%;

    & > .row {
        margin-bottom: 1rem;

        & > h4 {
            color: $ClrTheme;
        }
    }
}

.ve-acntinfo{
    border:1px solid $ClrTheme;
    padding:10px;
    background-color:$ClrControllerBk;

    & .Txt-Item{
        padding:6px 0;
    }
}

#ve-acntinfo-himg {
    text-align:center;
    & > img {
        height: 10rem;
        width: 10rem;
        border:5px solid white;
        box-shadow:0 0 2px 0;
    }
}

.ve-pos-list{
    &>li{
        position:relative;
        padding:10px 10rem 10px 1rem;
        border-top:1px dashed;
        &:hover{
            background-color:$ClrHover;
        }
    }
}

.pos-flag-admin{
    background-color:$ClrFocus;
    color:$ClrFocusTxt;
    padding:5px;
    font-size:80%;
}


.ve-pos-remove{
    position:absolute;
    top:20px;
    right:2rem;
}

.ve-pos-tools{
    text-align:right;
    margin-top:1rem;
    &>button{
        margin-left:10px;
    }
}

#vve-pos-slctor,#va-pos-slctor {
    width: 800px;
    height: 500px;
}

.va-acntinfo {
    &.Pending {
        border: 1px solid $ClrFocus;
        background-color: lighten($ClrFocus,30);
    }

    &.Aborted {
        border: 1px solid $ClrImportant;
        background-color: lighten($ClrImportant,30);

        & > h4 {
            color: $ClrImportant;
        }
    }

    &.Completed {
        border: 1px solid $ClrTheme;
        background-color: lighten($ClrTheme,30);
    }
}

#va-applier-idcardpic{
    width: 100%;
    padding:10px;
    cursor: pointer;
}

#va-idcardpic-big{
    text-align:center;
    padding:1rem;
    width:100%;
    height:100%;

    &>img{
        height:100%;
    }
}

.va-action {
    & > button {
        float: right;
        margin-left: 1rem;
    }
}

.va-pos-card{
    
}


.va-pos-card-left {
    width: 30%;
    float: left;

    & > img {
        width: 60%;
        margin: 2rem 0 0 2rem;
    }
}

.va-pos-card-right{
    width:70%;
    float:left;
}
